<style>
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color:#e2ffe2;
    }
</style>
<div id="main-content">
    <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
    <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
    <div class="container">
        <div class="row">
            <div id="content" class="col-lg-12">
                <!-- PAGE HEADER-->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-header">
                            <!-- STYLER -->

                            <!-- /STYLER -->
                            <!-- BREADCRUMBS -->
                            <ul class="breadcrumb">
                                <li>
                                    <i class="fa fa-home"></i>
                                    <a href="index.html">首页</a>
                                </li>
                                <li>任务</li>
                            </ul>
                            <!-- /BREADCRUMBS -->
                            <div class="clearfix">
                                <h3 class="content-title pull-left">任务管理</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /PAGE HEADER -->
                <!-- CALENDAR -->
                <div class="row">
                    <div class="col-md-12">
                        <!-- BOX -->
                        <div class="box border">
                            <div class="box-title">
                                <h4><i class="fa fa-calendar">任务日程表</i></h4>
                            </div>
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="input-group">
                                            <input style="width:100%" ng-keypress="setDirty()" ng-model="inputTaskName" type="text" value="" class="form-control" placeholder="输入任务名称进行查询" id="event-title" />
                                                <span class="input-group-btn">
                                                    <a href="javascript:;" id="add-event" class="btn btn-info" ng-click="search()"><i class="fa fa-search"></i></a>
                                                </span>
                                        </div>
                                        <div class="list-group">
                                            <div class="tabs-left">
                                                <ul class="nav nav-tabs" style="width:100%">
                                                    <li class="{{taskViewActive==1?'active':''}}"><a class="btn" ng-click="changeViewShow(1)">任务日历表展示</a></li>
                                                    <li class="{{taskViewActive==2?'active':''}}"><a class="btn" ng-click="changeViewShow(2)">任务树状图展示</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <div data-ui-view="TaskOrInput"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /BOX -->
                    </div>
                </div>
                <!-- /CALENDAR -->
                <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                </div>
            </div><!-- /CONTENT-->
        </div>
    </div>
</div>

